<template>
    <div class="main">
        <div class="name">
            <span @click="goBack"> &lt; </span>{{ item.emoji+item.name }}
        </div>
        <div class="adress">
            🌏武汉市洪山区关山街道中南民族大学
        </div>
    </div>
</template>

<script>
import { useRoute } from 'vue-router';
import { reactive } from 'vue';
export default {
    name:'ShopHead',
    setup(){
        const route = useRoute()
        let item = reactive(JSON.parse(route.query.msg))

        function goBack(){
            window.history.back()
        }
        return {
            item,goBack
        }
    }
}
</script>

<style scoped>
    .main {
        display: flex;
        justify-content: space-between;
        color: white;
        margin: 20px;
        min-width: 600px;
    }
    .name {
        font-size: 30px;
    }
    .address {
        font-size: 10px;
    }
</style>